<%--
  Created by IntelliJ IDEA.
  User: evans
  Date: 2018/3/15
  Time: 下午5:03
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no" />
    <meta name="theme-color" content="#000000" />

    <title>Soico</title>
    <link rel="stylesheet" href="../../css/main.827f7436.css" />
    <link rel="stylesheet" href="../../css/materialize.min.css" />
    <link rel="stylesheet" href="../../css/App.css" />
    <link rel="stylesheet" href="../../css/Header.css" />
    <script type="text/javascript" async="" src="../../js/common/recaptcha__zh_cn.js"></script>
    <script type="text/javascript" src="../../js/common/jquery-3.3.1.min.js"></script>
    <script type="text/javascript" src="../../js/common/materialize.min.js"></script>
    <script type="text/javascript" src="../../js/common/public.js"></script>
    <script type="text/javascript" src="../../js/common/requestAPi.js"></script>
    <script type="text/javascript" src="../../js/common/layer.js"></script>
    <script type="text/javascript" src="../../js/common/md5.js"></script>
    <script type="text/javascript" src="../../js/common/common.js"></script>
</head>
<body onload="placeorder()">
<div id="root">
    <div style="background-color: rgb(250, 250, 250); min-height: 100vh; min-width: 1000px; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif;">
        <div>
            <div class="s-alert-wrapper"></div>
            <%@include file="top.jsp"%>
            <div class="container">
                <div class="placeOrder">
                    <div class="row">
                        <form class="col s8 offset-s2 cardContainer commonMarginTop">
                            <h4>参与 ${project.project_name}</h4>
                            <p>参考价格： ${project.reference_price}</p>
                            <p id="test2">可动用余额:ETH</p>
                            <div style="height: 1px; background-color: rgb(186, 184, 184); margin: 10px 0px;"></div>
                            <div class="row">
                                <div class="col s12">
                                    <div style="margin-top: 20px;">
                                        <div>
                                            <span><span>欲投资金额</span></span>
                                            <span class="react-numeric-input" style="position: relative; display: inline-block;">
                                                <input id="amount" type="text" name="amount" class="amountInput" placeholder="请输入投资金额" value="" pattern=".*" style="padding-right: 3ex; box-sizing: border-box; border: 1px solid rgb(204, 204, 204); border-radius: 2px; padding-left: 4px; display: block; -webkit-appearance: none; line-height: normal;" />
                                            </span>
                                        </div>
                                    </div>
                                    <div class="fee">
                                    <span>矿工费上限</span>
                                    <span class="react-numeric-input" style="position: relative; display: inline-block;">
                                        <input id="money1" type="text" class="amountInput fee" readonly="" value="0.00000" pattern=".*" style="padding-right: 3ex; box-sizing: border-box; border: 1px solid rgb(204, 204, 204); border-radius: 2px; padding-left: 4px; display: block; -webkit-appearance: none; line-height: normal;" />
                                        <b style="position: absolute; right: 2px; width: 2.26ex; border-color: rgba(0, 0, 0, 0.1); border-style: solid; text-align: center; cursor: default; transition: all 0.1s; background: rgba(0, 0, 0, 0.1); box-shadow: rgba(0, 0, 0, 0.1) -1px -1px 3px inset, rgba(255, 255, 255, 0.7) 1px 1px 3px inset; top: 2px; bottom: 50%; border-radius: 2px 2px 0px 0px; border-width: 1px 1px 0px;"><i style="position: absolute; top: 50%; left: 50%; width: 0px; height: 0px; border-width: 0px 0.6ex 0.6ex; border-color: transparent transparent rgba(0, 0, 0, 0.7); border-style: solid; margin: -0.3ex 0px 0px -0.56ex;"></i></b><b style="position: absolute; right: 2px; width: 2.26ex; border-color: rgba(0, 0, 0, 0.1); border-style: solid; text-align: center; cursor: default; transition: all 0.1s; background: rgba(0, 0, 0, 0.1); box-shadow: rgba(0, 0, 0, 0.1) -1px -1px 3px inset, rgba(255, 255, 255, 0.7) 1px 1px 3px inset; top: 50%; bottom: 2px; border-radius: 0px 0px 2px 2px; border-width: 0px 1px 1px;"><i style="position: absolute; top: 50%; left: 50%; width: 0px; height: 0px; border-width: 0.6ex 0.6ex 0px; border-color: rgba(0, 0, 0, 0.7) transparent transparent; border-style: solid; margin: -0.3ex 0px 0px -0.56ex;"></i></b></span>
                                    </div>
                                    <div class="fee">
                                    <span><span>本次投资最大消耗</span></span>
                                    <span class="react-numeric-input" style="position: relative; display: inline-block;">
                                        <input id="money2" type="text" class="amountInput fee" readonly="" value="0.00000" pattern=".*" style="padding-right: 3ex; box-sizing: border-box; border: 1px solid rgb(204, 204, 204); border-radius: 2px; padding-left: 4px; display: block; -webkit-appearance: none; line-height: normal;" /><b style="position: absolute; right: 2px; width: 2.26ex; border-color: rgba(0, 0, 0, 0.1); border-style: solid; text-align: center; cursor: default; transition: all 0.1s; background: rgba(0, 0, 0, 0.1); box-shadow: rgba(0, 0, 0, 0.1) -1px -1px 3px inset, rgba(255, 255, 255, 0.7) 1px 1px 3px inset; top: 2px; bottom: 50%; border-radius: 2px 2px 0px 0px; border-width: 1px 1px 0px;"><i style="position: absolute; top: 50%; left: 50%; width: 0px; height: 0px; border-width: 0px 0.6ex 0.6ex; border-color: transparent transparent rgba(0, 0, 0, 0.7); border-style: solid; margin: -0.3ex 0px 0px -0.56ex;"></i></b><b style="position: absolute; right: 2px; width: 2.26ex; border-color: rgba(0, 0, 0, 0.1); border-style: solid; text-align: center; cursor: default; transition: all 0.1s; background: rgba(0, 0, 0, 0.1); box-shadow: rgba(0, 0, 0, 0.1) -1px -1px 3px inset, rgba(255, 255, 255, 0.7) 1px 1px 3px inset; top: 50%; bottom: 2px; border-radius: 0px 0px 2px 2px; border-width: 0px 1px 1px;"><i style="position: absolute; top: 50%; left: 50%; width: 0px; height: 0px; border-width: 0.6ex 0.6ex 0px; border-color: rgba(0, 0, 0, 0.7) transparent transparent; border-style: solid; margin: -0.3ex 0px 0px -0.56ex;"></i></b></span>
                                    </div>
                                    <div style="margin-top: 20px;">
                                        <span>手机验证码</span>
                                        <div>
                                            <div>
                                                <input id="captch2" type="text" name="token" placeholder="请输入验证码" class="code" value="" style="margin-bottom:0;width:72%"/>
                                                <span class="red-text hide">请输入短信验证码</span>
                                                <label class="active" for="token"></label>
                                                <input type="button" id="captcha"  value="获取验证码" onclick="sendMail2()">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <a class="btn waves-effect waves-light col s6 offset-s3"  onclick="investment('${project.pk}')">发送</a>
                        </form>
                    </div>
                </div>
            </div>
            <footer class="page-footer">
                <%@include file="footer.jsp"%>
            </footer>
        </div>
    </div>
</div>
<script type="text/javascript">
    $('#amount').bind('input propertychange',function () {
        var money=parseFloat($('#amount').val());
        $('#money1').val(0.001);
        $('#money2').val(money+0.001);
    });
</script>
</body>
</html>
